.topbar{
    width: 100%;
    background: #EFEFEF;
    line-height: 30px;

    .topbar_main{
        width: 1200px;
        margin: 0 auto;
        font-size: 12px;
        color: #666;
        
        .icon-home{
            width: 14px;
            vertical-align: middle;
        }

        .icon-position{
            width: 14px;
            vertical-align: middle;
            margin-left: 14px;
        }

        ul{
            float: right;

            li{
                float: left;
                margin-left: 6px;
            }
        }
}
}
.site-header{
    width: 1200px;
    margin: 0 auto 38px;

    .logo{
        width: 175px;
        margin: 37px 0 0 6px;
        float: left;
    }

    .header_search{
        margin: 42px 0 0 146px;
        float: left;

        input{
            all: unset;
            width: 454px;
            height: 40px;
            float: left;
            border: 1px solid #6191fa;
            box-sizing: border-box;
            border-radius: 4px 0 0 4px;
            padding-left: 12px;
            font-size: 14px;
            color: #333;

            ::placeholder{
                color: #999;
            }
        }

        button{
            width: 86px;
            height: 40px;
            float: left;
            border: none;
            font-size: 16px;
            color: #fff;
            background: #6191fa;
            border-radius: 0 4px 4px 0;
        }
    }

    .header-button{
        float: left;
        margin: 42px 0 0 32px;
        width: 134px;
        height: 40px;
        border: 1px solid #6191fa;
        border-radius: 4px;
        background: #fff;
        padding: 0;
        font-size: 14px;
        color: #666;

        img{
            width: 18px;
            float: left;
            margin-left: 15px;
        }
        span{
            float: left;
            margin-left: 16px;
        }

        .icon_qr{
            margin-left: 9px;
        }
    }
}

.menu{
    width: 1200px;
    margin: 0 auto;

    .menu_head{
        width: 100%; // 可以不写
        height: 60px;
        font-size: 14px;
        line-height: 60px;
        font-weight: 200;

        .menu_head_left{
            width: 190px;
            height: 60px;
            float: left;
            background-color: #000B22;
            color: #fff;
            text-align: center;
        }

        .menu-head-mid{
            float: left;
            margin: 20px 0 0 16px;
            color: #999;

            li{
                float: left;
                width: 100px;
                height: 20px;
                text-align: center;
                line-height: 20px;

                &:not(:last-child){
                    border-right: 1px solid #999;
                }
            }
        }

        .menu_head_r{
            float: right;

            li{
                float: left;
                margin-left: 31px;

                img{
                    width: 14px;
                    vertical-align: middle;
                }
            }
        }
    }

    .menu_content{
        width: 1200px;
        height: 432px;

        aside{
            float: left;
            width: 190px;
            height: 100%;
            background-color: #eeeff2;

            li{
                width: 100%;
                height: 72px;


                .menu_item_icon{
                    float: left;
                    width: 42px;
                    height: 100%;
                    text-align: center;

                    img{
                        margin: 18px 0 0 0 ;
                        height: 21px;
                    }
                }

                .menu_item_content{
                    width: 148px;
                    height: 100%;
                    float: left;

                    .item_content_top{
                        color: #333;
                        font-size: 14px;
                        margin: 14px 0 0 0;

                        .item_right_arrow{
                            width: 5px;
                            margin-left: 75px;
                        }
                    }

                    .item_content_bottom{
                            color: #999;
                            font-size: 12px;
                            margin: 6px 0 0 0;
                    }
                }

                &:hover{
                    background: #fff;
                }
            }
        }


        .swiper{
            width: 1010px;
            height: 100%;
            float: left;
            position: relative;
            background: url(../images/slide-1@2x.png) no-repeat;
            background-size: 100%;

            .swiper_button_next img{
                width: 16px;
                position: absolute;
                top: 50%;
                left: 20px;
                margin-top: -14px;
            }

            .swiper_button_prev img{
                width: 16px;
                position: absolute;
                top: 50%;
                right: 20px;
                margin-top: -14px;
            }

            .swiper_pagination{
                position: absolute;
                bottom: 12px;
                left: 50%;
                margin-left: -70px;

                span{
                    background: #fff;
                    width: 40px;
                    height: 3px;
                    margin-right: 10px;
                    float: left; // 凡是浮动的元素，默认变成块元素
                }

                .swiper-active{
                    background: #6191fa;
                }
            }
        }
    }
}

